<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <!-- <mate name="flexibel" content="initial-drl=2"/> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=TH-Z&nickName=恋爱桃花-支付页&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <title>恋爱桃花运-知命</title>
    <!-- <script>!function(e){function t(a){if(i[a])return i[a].exports;var n=i[a]={exports:{},id:a,loaded:!1};return e[a].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var i={};return t.m=e,t.c=i,t.p="",t(0)}([function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=window;t["default"]=i.flex=function(e,t){var a=e||100,n=t||1,r=i.document,o=navigator.userAgent,d=o.match(/Android[\S\s]+AppleWebkit\/(\d{3})/i),l=o.match(/U3\/((\d+|\.){5,})/i),c=l&&parseInt(l[1].split(".").join(""),10)>=80,p=navigator.appVersion.match(/(iphone|ipad|ipod)/gi),s=i.devicePixelRatio||1;p||d&&d[1]>534||c||(s=1);var u=1/s,m=r.querySelector('meta[name="viewport"]');m||(m=r.createElement("meta"),m.setAttribute("name","viewport"),r.head.appendChild(m)),m.setAttribute("content","width=device-width,user-scalable=no,initial-scale="+u+",maximum-scale="+u+",minimum-scale="+u),r.documentElement.style.fontSize=a/2*s*n+"px"},e.exports=t["default"]}]); flex(100, 1);</script> -->
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>  
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css" />
    <script src="__PUBLIC__/js/rem.js"></script>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <style>
        body{background:#fee6ec;}
        .taohua_info {
            margin: 10px;
            border: 1px solid #e2ccb0;
            background: #fff;
            border-radius: 5px;
            -o-border-radius: 5px;
            -ms-border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }
        .tao_box {padding: 10px;}
        .tao_box li {height: 35px;line-height: 35px;}
        .tao_box p {color: #818181;font-size: 14px;}
        .red {color: #ff537b;}
        .tao_pay {margin: 0 10px;border-top: 1px solid #e2ccb0;padding: 10px 0;}
        .tao_pay_price {margin: 0 20px;}
        .p_prize {color: #ff6000;text-align: center;}
        .p_prize b {color: #d70000;font-size: 24px;}
        .public_pay_box{padding:10px;}
        
        /* 桃花运类型 */
        .cur_title {
            margin: 10px 10px 0;
            height: 40px;
            line-height: 40px;
            color: #fff;
            font-size: 20px;
            background-color: #ff537b;
            text-align: center;
            position: relative;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }
        .cur_title:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -20px;
            width: 40px;
            height: 40px;
            background: url('__PUBLIC__/images/taohuayun/icon_lock02.png') no-repeat center center;
            background-size: 18px 24px;
        }
        .tq_content {
            background: #fff url('__PUBLIC__/images/taohuayun/icon_yijs.png') no-repeat 80% center;
            background-size: 90px auto;
            padding: 10px;
            margin: 0 10px;
            border: 1px solid #e2ccb0;
            border-top: 0;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }
        .tq_content p {
            padding: 0 10px 0 20px;
            position: relative;
            height: 30px;
            line-height: 30px;
        }
        .tq_content p:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -15px;
            width: 20px;
            height: 30px;
            background: url(__PUBLIC__/images/taohuayun/icon_flower.png) no-repeat center center;
            background-size: 16px 16px;
        }
        .mr20 {margin-right: 20px;}
        .tqc {overflow: hidden;}
        .tqc_grey {color: #797471;}
        .tqc_item {
            display: block;
            margin-left: 20px;
            height: 20px;
            padding: 3px 0;
        }
        .tqc_item i {
            width: 20px;
            height: 20px;
            float: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center center;
        }
        .tqc_item span {
            float: left;
            height: 20px;
            line-height: 20px;
            margin-left: 5px;
            color: #ff537b;
        }
        .tqc_item i img {
            width: 100%;
            height: 100%;
        }
        .taohua_hidden {
            background-color: #fff;
            padding: 10px;
            margin: 0 10px;
            border: 1px solid #e2ccb0;
            border-top: 0;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }
        .th_list {
            border: 1px solid #feabbf;
            border-radius: 5px;
            -o-border-radius: 5px;
            -ms-border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }
        .taohua_hidden dl {
            border-bottom: 1px solid #bcb9b8;
            padding: 10px;
        }
        .clear { clear: both;}
        .clear:after {
            display: block;
            clear: both;
            visibility: hidden;
            height: 0;
            overflow: hidden;
            content: ".";
        }
        .taohua_hidden dt {width: 80px;height: 80px;float: right;}
        .taohua_hidden dt img {width: 100%;height: 100%;}
        .taohua_hidden dd h4 {font-weight: 700;margin-bottom: 5px;}
        .public_title {
            margin: 10px 10px 0;
            height: 40px;
            line-height: 40px;
            color: #fff;
            font-size: 20px;
            background-color: #ff537b;
            text-align: center;
            position: relative;
            border-radius: 5px;
            -webkit-border-radius: 5px;
        }
        .public_title:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -20px;
            width: 40px;
            height: 40px;
            background: url('__PUBLIC__/images/taohuayun/icon_lock01.png') no-repeat center center;
            background-size: 18px 24px;
        }
        .ljck_btn{
            background-color:#f73232;
            font-size:0.36rem;
            color:#ffffff;
            text-align: center;
            border-radius: 0.7rem;
            height:0.8rem;
            line-height: 0.8rem;
            width:80%;
            margin:0 auto;
        }
    </style>
</head>
<body>
    <include file="Public/header"/>
    <section class="taohua_info">
        <ul class="tao_box">
            <li><p><span>订单号：</span><span><!--{$Think.cookie.orderid}--></span></p></li>
            <li><p><span>测算项目：</span><span class="red">八字恋爱桃花运</span></p></li>
        </ul>
        <div class="tao_pay">
            <div class="tao_pay_price">
                <p class="p_prize orderMoney">统一鉴定价：<b>￥<!--{$Think.cookie.price}--></b></p>
            </div>

            <div class="public_pay_box">
                <div class="ljck_btn">立即查看</div>
            </div>
        </div>
    </section>
    <p class="cur_title">命中桃花引语</p>
    <section class="tq_content  ">
        <p><span class="mr20"><span>姓名：</span><span><!--{$Think.cookie.znickname}--></span></span><span><span>性别：</span><span> <if condition="$sex eq 1">男<else />女</if> </span></span></p>
        <p><span><span>公历出生时间：</span><span><!--{$Think.cookie.zyangli}--> </span></span></p>
        <p><span><span>农历出生时间：</span><span><!--{$Think.cookie.zyinli}-->&nbsp;&nbsp;<!--{:mb_substr($sizhu[3],1,1,'utf-8')}-->时 </span></span></p>
        <p><span><span>八字：</span><span>
            【<!--{$sizhu[0]}--><!--{$sizhu[1]}--><!--{$sizhu[2]}--><!--{$sizhu[3]}-->】
        </span></span></p>
        <p><span><span>桃花属性：</span><span><!--{$arryysz[0]}--><!--{:mb_substr($wxj,0,1,'utf-8')}--></span></span></p>
        <div class="tqc">
            <p class="tqc_grey"><span>命中一共拥有</span><span><!--{:count($arrtaohua)}--></span><span>朵桃花 ，分别是:</span></p>
            <foreach name="arrtaohua" item="value">
                 <span class="tqc_item"><i><img src="__PUBLIC__/images/bzjp_img/<!--{$value['image']}-->"></i>
                  <span><!--{$value['name']}--></span><span>有1朵</span>
                </span>
            </foreach>
        </div>
        <p class="tqc_grey"><span>您的桃花与一般人比起来 &gt; </span><span class="red">比较弱</span></p>
        <p class="tqc_grey"><span>命中所隐藏的桃花一共有 &gt; </span><span class="red"><span><!--{:count($hidetaohua)}--></span><span>朵</span></span></p>
    </section>

    <p class="cur_title">你命中所隐藏的桃花</p>
    <section class="taohua_hidden ">
        <div class="th_list">
            <foreach name="hidetaohua" item="value" key="key">
                <dl class="clear">
                    <dt><img src="__PUBLIC__/images/bzjp_img/<!--{$value['image']}-->"></dt>
                    <dd>
                        <h4><span>第</span><span><!--{$key+1}--></span><span>朵：</span><span><!--{$value['name']}--></span></h4>
                        <p><span>桃花威力：</span><span class="red"><!--{$value['weili']}--></span></p>
                        <p><span><span>桃花秘语：</span><span><!--{$value['brief']}--></span></span></p>
                        <p><!--{$value['text']}--></p>
                    </dd>
                </dl>
            </foreach>
        </div>
    </section>

    <p class="public_title">命中拥有的桃花</p>
    <p class="public_title">近三个月的桃花运势</p>
    <p class="public_title">你命中注定的爱情</p>
    <p class="public_title">专属你的桃花秘籍</p>

    <!-- 支付弹窗 -->
    <div class="public_pay_popup" id="publicPayPopup" style="display: none;">
        <div class="public_pp_box">
            <div class="public_pp_close" id="publicPPClose">X</div>
            <div class="public_pp_tit">解锁查看所有测算结果</div>
            <div class="public_pp_price">
                <span>统一鉴定价：</span><strong>￥<!--{$Think.cookie.price}-->元</strong>
            </div>

            <div class="public_pay_box">

                <!-- 支付弹窗 -->
                <include file="Public/zhifu_Popup" />

            </div>

        </div>
    </div>
    <!-- 脚 -->
    <footer class="footer_severs" style="padding-bottom:61px;">
        <include file="Public/bottom" />
    </footer>

    <!-- 悬浮按钮 -->
    <div class="fiex_bt" id="fiex">
        <a href="javascript:;"><i class="suo"></i>付费解锁所有项</a>
    </div>
    <!-- 抵用券 -->
    <include file="Public/coupon"/>
    <include file="Public/qudao135zhifu"/>

    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>
        // H5支付事件
        var ispress = true;
        function payMoney(payType){
            if(ispress){
                layer.load();
                if(payType == "wx"){
                    layer.closeAll('loading');
                    window.location.href="<!--{:U('Lath/paywx','',false)}-->";
                }else if(payType == "zfb"){
                    layer.closeAll('loading');
                    $.getJSON("<!--{:U('Index/getPayZfbUrl','',false)}-->",function(data){if(data.url){location.href=data.url;}else{window.location.href = "<!--{:U('Index/jumpPayZfb','',false)}-->";}});
                }
                ispress = false;
                setTimeout(function(){
                    layer.closeAll('loading');
                },30000)
                setTimeout(function(){
                    ispress = true;
                },2000)
            }else{
                console.log('你不能重复发起支付')
            }
        }

        var QTTopenid="<!--{$Think.cookie.QTTopenid}-->";
        var channel="<!--{$channel}-->";
        $('.ljck_btn').on('click',function(){//立即查看
            $.getJSON("<!--{:U('Index/fufeiyeLjcs','',false)}-->",{csName:'TH'},function(data){//立即查看统计
            });
            publicPayPopup();
        })
        $('#fiex').on('click',function(){
            $.getJSON("<!--{:U('Index/fufeiyeXfan','',false)}-->",{csName:'TH'},function(data){//悬浮按钮统计
            });
            publicPayPopup();
        })
        $('.public_title').on('click',function(){
            $.getJSON("<!--{:U('Index/fufeiyeJsan','',false)}-->",{csName:'TH'},function(data){//解锁查看统计
            });
            publicPayPopup();
        })

        function publicPayPopup(){
            if(channel=='qudao245'&&QTTopenid!=''){//趣头条支付
                payMoney245();exit;
            }else if(channel=='appaidou'){//爱豆支付
                aidouPay();exit;
            }
            zhifuPopup();
            $('#publicPayPopup').css('display','block');
        }

        $('#publicPPClose').on('click',function(){
            $('#publicPayPopup').css('display','none');
        })

        // 悬浮底部
    var ofiex = document.getElementById('fiex');
        window.onscroll = function() {
        var osTop = document.documentElement.scrollTop || document.body.scrollTop;
            if (osTop > 380) {
                ofiex.style.display ="block";
            }else{
                ofiex.style.display ="none";
            }
        };


        var wxlogin='<!--{$Think.cookie.wxlogin}-->';
        if (wxlogin == 1) {
            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
                timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
                nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
                signature: '<!--{$signature}-->',// 必填，签名，见附录1
                jsApiList: [
                    'checkJsApi',
                    'openLocation',
                    'getLocation',
                    'onMenuShareTimeline',
                    'onMenuShareAppMessage',
                    'scanQRCode'
                ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
            });

            wx.ready(function () {
                // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
                // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//         alert('成功');
                wx.onMenuShareAppMessage({
                    title: '恋爱桃花运', // 分享标题
                    desc: '为什么有人爱情路上洋洋得意，有些人却始终颠沛波折？八字里暗藏的能量带来的是爱情好运，抑或是增添孤克？', // 分享描述
                    link: '<!--{$Think.cookie.THwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/11.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                        $.getJSON("<!--{:U('Index/wxShare','',false)}-->",{csName:'CY'},function(data){//回调入库
                        });
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });

                wx.onMenuShareTimeline({
                    title: '恋爱桃花运', // 分享标题
                    desc: '为什么有人爱情路上洋洋得意，有些人却始终颠沛波折？八字里暗藏的能量带来的是爱情好运，抑或是增添孤克？', // 分享描述
                    link: '<!--{$Think.cookie.THwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/11.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                        $.getJSON("<!--{:U('Index/wxShare','',false)}-->",{csName:'CY'},function(data){//回调入库
                        });
                    }
                });

                wx.onMenuShareQQ({
                    title: '恋爱桃花运', // 分享标题
                    desc: '为什么有人爱情路上洋洋得意，有些人却始终颠沛波折？八字里暗藏的能量带来的是爱情好运，抑或是增添孤克？', // 分享描述
                    link: '<!--{$Think.cookie.THwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/11.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.onMenuShareQZone({
                    title: '恋爱桃花运', // 分享标题
                    desc: '为什么有人爱情路上洋洋得意，有些人却始终颠沛波折？八字里暗藏的能量带来的是爱情好运，抑或是增添孤克？', // 分享描述
                    link: '<!--{$Think.cookie.THwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/11.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.onMenuShareWeibo({
                    title: '恋爱桃花运', // 分享标题
                    desc: '为什么有人爱情路上洋洋得意，有些人却始终颠沛波折？八字里暗藏的能量带来的是爱情好运，抑或是增添孤克？', // 分享描述
                    link: '<!--{$Think.cookie.THwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/11.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.error(function (res) {
                    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
//         alert('失败');
                });

            });

        }

        $(".weixinzf").on('click',function(){
            WeixinJSBridge.invoke(
                    'getBrandWCPayRequest', {
                        "appId":"<!--{$appId}-->",     //公众号名称，由商户传入
                        "timeStamp":"<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
                        "nonceStr":"<!--{$nonceStr}-->", //随机串
                        "package":"<!--{$package}-->",
                        "signType":"<!--{$signType}-->",         //微信签名方式：
                        "paySign":"<!--{$paySign}-->" //微信签名
                    },
                    function(res){
                        if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                            location.href="<!--{:U('Lath/jieguoye','',false)}-->?ordernum=<!--{$Think.cookie.orderid}-->";
                        }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                    }
            );
        });
    </script>
</body>
</html>